$c-success:#FF5900;
$c-bgcolor:rgba(40, 184, 146, 0.1);
$c-primary:#4A90E2;
$c-danger:#ff5353;
$c-warning:#FF9240;
$c-border:#EAEFF3;
$c-white:#fff;
$c-1:#1C1F21;
$c-2:#222;
$c-4:#444;
$c-9:#999;
$c-a:#AFAFAF;
$c-f:#F6F6F6;
$c-success-light: mix($c-white, $c-success, 80%) !default;
$c-primary-light: mix($c-white, $c-primary, 80%) !default;
$c-danger-light: mix($c-white, $c-danger, 80%) !default;
$c-warning-light: mix($c-white, $c-warning, 80%) !default;
$c-theme: #FF5900;

.theme {
    color: #FF5900;
}
@mixin a-b {
    display:block;
    content:'';
}
@mixin v-c {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
@mixin h-c {
    position: absolute;
    left:50%;
    transform: translateX(-50%);
}
@mixin p-c {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
@mixin f-c {
    display:flex;
    align-items:center;
    justify-content: center;
}
@mixin flex {
    display:flex;
    align-items:center;
}
@mixin radius($size, $radius:50%) {
  width:$size;
  height:$size;
  border-radius: $radius;
  overflow:hidden;
}
